<template>
<div>
  <!--路由出口，路由视图 -->
  <!-- 命名视图，给视图（router-view）加名字。适用场景是：页面中有很多会变化的组件，而且还不能合并，只能拆分成两个或多个部分，分开管理 -->
  <!-- <router-view name="left"></router-view>
  <router-view name="right"></router-view> -->
  <router-view></router-view>
</div>
</template>

<script>
export default {
  
}
</script>

<style scoped>

</style>